body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333; margin: 0; padding: 0; background-color: #f4f5f6; }
img { vertical-align: middle; border: medium none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: middle; text-align: left; }
blockquote, q { margin: 0 0 18px 18px; color: #666; font-style: italic; quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
/* Link
----------------------------------------------------------*/
a { color: #034af3; outline: medium none; text-decoration: none; }
a:link, a:visited { color: #505abc; }
a:hover, a:focus { color: #505abc; text-decoration: none; }
a:active { color: #12eb87; }
a img, a:active img, a:link img, a:visited img { border: medium none; }
/* Headings
----------------------------------------------------------*/
h1 { margin: .825em 0 .5em 0; font-size: 2.125em; }
h2 { margin: .825em 0 .5em 0; font-size: 1.75em; }
h3 { margin: .825em 0 .5em 0; font-size: 1.5em; }
h4 { margin: .825em 0 .5em 0; font-size: 1.25em; }
h5 { margin: .825em 0 .5em 0; font-size: 1.125em; }
h6 { margin: .825em 0 .5em 0; font-size: 1em; }
/* Common
----------------------------------------------------------*/
.ns { -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.rs { margin: 0; padding: 0; }
ul.rs { list-style-type: none; }
.auto { overflow: auto; }
.pointer { cursor: pointer; }
.error { color: #ff0000; }
.highlight { background-color: #ffff00; }
.round { border-radius: 2px 2px 2px 2px; }
.hide { display: none; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.center { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.opaque { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Text
----------------------------------------------------------*/
.arial { font-family: Arial, Helvetica, sans-serif; }
.tahoma { font-family: Tahoma, Helvetica, sans-serif; }
.verdana { font-family: Verdana, Tahoma, Helvetica, Arial; }
@font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url('fonts/OpenSans-CondensedLight.woff') format('woff'); }
/* Form
----------------------------------------------------------*/
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; }
input[type=text], input[type=password] { border: 1px solid #ccc; padding: 1px 2px; color: #444; line-height: 20px; height: 20px; outline: none; }
input[type=checkbox], input[type=radio] { vertical-align: -1px; margin-right: 3px; }
textarea { border: 1px solid #cacaca; resize: none; }
select { border: 1px solid #ccc; padding: 2px; color: #444; font-size: 1.2em; vertical-align: -1px; }
input[type=submit], input[type=reset], input[type=button] { border: #dcdcdc 1px solid; min-width: 54px; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); line-height: 27px; background-color: #f5f5f5; margin: 5px 5px 5px 0; padding: 0 8px; height: 29px; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border-radius: 2px; }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { border: #c6c6c6 1px solid; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); background-color: #f8f8f8; color: #333; }
input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus { border: #4d90fe 1px solid; outline-style: none; outline-color: invert; outline-width: medium; }
input:invalid { box-shadow: none; }
input.error { color: red; }
/* Layout
----------------------------------------------------------*/
.wrap { width: 940px; margin: 0 auto; }
#page { width: 940px; margin-left: auto; margin-right: auto; padding: 0 10px; }
header, #header { position: relative; height: 95px; padding: 9px 0; overflow: hidden; }
#logo { vertical-align: middle; }
#user { position: absolute; top: 5px; right: 10px; }
#main { min-height: 500px; margin-top: 20px; }
#bigcol { float: left; width: 620px; }
#smallcol { float: right; width: 300px; }
#footer { position: relative; border: 1px solid #ccc; background-color: #999; color: #333; font-size: 12px; padding: 15px; }
#fnav {
    display: block;
    height: 40px;
}
#fnav li{
    float: left;
    padding: 0 5px;
}
#fnav a{
    color: #fff;
    font-size: 14px;
    padding: 5px;
}
.finfo{
    color: #333;
    font-size: 13px;
    text-align: center;
}
/* Nav  
----------------------------------------------------------*/
#nav { height: 40px; background-color: #ccc; }
#nav ul { margin: 0; padding: 0; list-style: none; float: left; }
#nav ul li{
    float: left;
    height: 39px;
    line-height: 39px;
    border-left: 1px solid #fff;
    padding: 0 20px;
}
#nav ul li.active{
    background-color: #666;
}
#nav ul li a{
    color: #000;
    font-size: 14px;
}
#nav ul li.active a{
    color: #fff;
}
#nav #search{
    float: right;
}
#subnav{
    background-color: #fff;
}
#subnav{
    border: 1px solid #ccc;
    height: 39px;
}
#subnavlist{
    margin: 0;
    padding: 0 15px;
    list-style-type: none;
}
#subnavlist li{
    float: left;
    margin: 5px;
    padding: 5px;
}
#subnavlist li.active a{
    text-decoration: underline;
}
/* Widget
----------------------------------------------------------*/
.box-header{
    margin: 0;
    padding: 0 9px;
    height: 28px;
    line-height: 28px;
    color: #333;
    font-size: 13px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #666;
    text-transform: uppercase;
}
.box { background-color: #fff; border: 1px solid #ccc; margin-bottom: 20px; }
/* News
----------------------------------------------------------*/
.topnews{
    clear: both;
    margin-bottom: 20px;
}
.topnews .big{
    float: left;
    width: 375px;
}
.topnews .big img{
    width: 375px;
    height: 235px;
}
.topnews .big .info{
    background-color: #ccc;
}
.topnews .small{
    float: right;
    width: 226px;
}
.topnews .small img{
    width: 226px;
    height: 138px;
}
.newslst{
    margin-bottom: 20px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.newslst li{
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    overflow: auto;
}
.newslst li:last-child{
    border-bottom: none;
}
.newslst .thumb{
    float: left;
    margin-right: 10px;
}
.newslst .thumb img{
    width: 216px;
    height: 132px;
}
.newslst .title{
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 14px;
}
.wnewslst li{
    padding: 7px;
    border-bottom: 1px dotted #ccc;
}
.wnewslst li:last-child{
    border-bottom: none;
}
/* Users
----------------------------------------------------------*/
/* Elements style
----------------------------------------------------------*/
.ads{
    margin-bottom: 20px;
}
/* Icon sprite
----------------------------------------------------------*/
.ico { background-image: url("images/icon-sprites.png"); }
/*R0*/
.ihomegray { background-position: 0 0; width: 11px; height:url("../../../../ngu-ngon-honey.jpg") 11px; }